<style>
/*     #totalLengthDiv #standard-list tr:focus td {
        background: #e8e8e8;
    }
    #totalLengthDiv #standard-list td, #totalLengthDiv #standard-list th {
        position: relative;
        height: 35px;
        line-height: 35px;
    }
    #totalLengthDiv #standard-list input[type=checkbox]{
        padding-top:7.5px;
        position:absolute;
        top:6px;
    }
    #totalLengthDiv #standard-list input[type=text], #totalLengthDiv #standard-list select{
        position: absolute;
        top:0;left:0;
        text-indent: 10px;
        width:100%;
        height:100%;
        border: none;
    }
    #totalLengthDiv #standard-list input[type=text]:focus {
        border:1px solid rgba(0,156,255,.7);
    }
    #totalLengthDiv #standard-list select:focus {
        border:1px solid rgba(0,156,255,.7);
    } */
    div.k-window-content,.hint-content{
        overflow:hidden;
    }
</style>
<script type="text/javascript" src="views/parkLotCenter/chargeStandard/js/totalLengthCharge.js"></script>
<script type="text/javascript">
    var totalLengthCharge = null;
    $(document).ready(function() {
        totalLengthCharge = new totalLengthChargeJs($("#totalLengthDiv"));
    });
    function standardInformationGetAll(t) {
        $(t).parents('table').find('input[name=standard_ids]').prop('checked', t.checked);
    }
</script>
<div class="rule-content" id="totalLengthDiv">
    <div style="height:530px">
        <div class="layerTitle left" style="float:left"><span>基本信息</span></div>
        <div class="hint-text">
            <label>收费规则名称：</label>
            <input class="k-textbox" type="text" data-bind="value:chargeName" pattern="^[\u4E00-\u9FA5A-Za-z0-9]+$" validationMessage="检测到特殊字符" required/>
            <input class="k-textbox" type="hidden" data-bind="value:chargeType"/>
            <input class="k-textbox" type="hidden" data-bind="value:chargeParamCode"/>
        </div>
        <div class="hint-text">
            <label>收费规则编号：</label>
            <input disabled="disabled" class="k-textbox" placeholder="系统自动生成" type="text"  data-bind="value:chargeCode"/>
        </div>
        <div class="hint-text">
            <label>计费累计方式：</label>
            <input type="text" id="cumulativeWay" data-bind="value:chargeStandardInfos_A_cumulativeWay" required validationMessage="请选择计费累计方式"/>
        </div>
        <div class="hint-text">
            <label>免费超时计费：</label>
            <input type="text" id="freeOvertimeBiling" data-bind="value:chargeStandardInfos_A_freeOvertimeBiling" required validationMessage="请选择免费超时计费"/>
        </div>
        <div class="hint-text">
            <label>免费优惠方式：</label>
            <input type="text" id="freePreferentialWay" data-bind="value:chargeStandardInfos_A_freePreferentialWay" required validationMessage="请选择免费优惠方式"/>
        </div>
        <div class="layerTitle left"><span>详细信息(单位金额[元])</span></div>
        <div class="tableDiv" style="width:100%;height:310px;overflow-y:auto;overflow-x:hidden;">
            <div style="display:block;">
                <div class="charge-table" style="margin-top:0">
                    <div class="function-btnBg function-btn">
                        <button class="add" data-bind="click:createRow"><img src="images/icon_addTo.png" />新增</button>
                        <button class="del" data-bind="click:deleteRow"><img src="images/icon_delTo.png" />删除</button>
                    </div>
                    <table width="100%" id="standard-list">
                        <thead>
                        <tr>
                            <th width="5%"><input type="checkbox" onclick="standardInformationGetAll(this)" /></th>
                            <th width="30%" style="text-align:center;">开始时间</th>
                            <th width="30%" style="text-align:center;">结束时间</th>
                            <th width="30%" style="text-align:center;">收费金额(元)</th>
                        </tr>
                        </thead>
                        <tbody></tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
    <div class="basicInfo-btn">
        <button class="save" data-bind="click:savechargeInfo">确定</button>
        <button class="cancel" data-bind="click:cancel">取消</button>
    </div>
</div>